// 为查看图片按钮准备
// 相册层图片src对象
var url = {};
// 相册层id，防止图片重复出现
var id = 0;

layui.use(['jquery', 'layer', 'table', 'element', 'form'], function () {
    var $ = layui.$; // 使用jquery
    var layer = layui.layer; // 获得layer弹出层模块
    var table = layui.table; // 获得table数据表格模块
    var element = layui.element; // 获得element模块
    var form = layui.form; // 获取form模块

    // 执行数据表格渲染
    table.render({
        elem: '#storyinfo',
        height: 312,
        // url: '/demo/table/user/', //数据接口
        method: 'post',
        data: [{
            "stoid": '23985d83-0a7c-11e9-b0fd-082e5f0c2c4f',
            "title": "日本东京之旅",
            "lname": "爱言叶",
            "stname": '游记',
            "znum": 66,
            "cnum": 233,
            "adress": '辽宁省沈阳市浑南区浑河站东街道东软集团股份有限公司(新秀街)东软软件园',
            "imgurl": 'xxx.jpg',
            "rslink": "http://xxx.xxx.xxx",
            "photo": "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3078873712,1340878922&fm=26&gp=0.jpg"
        }],
        page: true, // 开启分页
        cols: [
            [ //表头
                {
                    type: 'checkbox', // 复选框
                    fixed: 'left'
                }, {
                    field: 'stoid',
                    title: 'UUID',
                    sort: true,
                    fixed: 'left'
                }, {
                    field: 'title',
                    title: '故事标题'
                }, {
                    field: 'lname',
                    title: '发布账号',
                    sort: true
                }, {
                    field: 'stname',
                    title: '故事类型',
                    sort: true
                }, {
                    field: 'znum',
                    title: '故事点赞数',
                    sort: true
                }, {
                    field: 'cnum',
                    title: '评论数量',
                    sort: true
                }, {
                    field: 'adress',
                    title: '房源地址',
                    sort: true
                }, {
                    field: 'imgurl',
                    title: '故事图片',
                    align: 'center',
                    templet: function (data) {
                        // var json = JSON.stringify(data);
                        url[data.LAY_TABLE_INDEX] = data.photo;
                        return '<div><button type="button" class="layui-btn layui-btn-xs" onclick="layer.photos({photos: imgAjax(' + data.LAY_TABLE_INDEX + ', url[' + data.LAY_TABLE_INDEX + ']), anim: 5});">查看图片</button></div>';
                    }
                }, {
                    field: 'rslink',
                    title: '故事链接',
                    edit: true
                }
            ]
        ]
    });

    // 数据提交
    form.on('submit(submit_btn)', function (data) {
        var checkStatus = table.checkStatus('houseinfo');

        // 验证复选项数量为8
        if (checkStatus.data.length !== 8) {
            layer.msg("请选择8项故事", {
                icon: 5
            });
            return false;
        }

        console.log(checkStatus.data);

        // AJAX传输
        $.ajax({
            type: "post",
            url: "/admin/setRecoHouse.do",
            aync: false,
            data: {
                storylist: JSON.stringify(checkStatus.data)
            },
            dataType: "json",
            error: function () {
                layer.msg("数据提交ajax请求失败", {
                    icon: 5
                });
            },
            success: function (response) {
                if (response == 1) {
                    layer.msg("修改成功", {
                        icon: 6
                    });
                }
            }
        });

        // 阻止form默认行为
        return false;
    });
});

// 获取故事图片
function imgAjax(id, src) {
    console.log(src);
    var json = {
        "title": "", //相册标题
        "id": id, //相册id
        "start": 0, //初始显示的图片序号，默认0
        "data": [ //相册包含的图片，数组格式
            {
                "alt": "图片名",
                "pid": 666, //图片id
                "src": src, //原图地址
                "thumb": "" //缩略图地址
            }
        ]
    }
    return json;
}